import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
// 引入 配置好的 axios
import http from "./utils/request";
//引入 api的index文件中导出的auth 方法 并挂载到vue的prototype 上面
import api from "@/api";
//引入 style/main.scss
import "@/style/main.scss";
//normalize.css
// import "normalize.css/normalize.css";
//引入elementUI
import ElementUI from "element-ui";
// import "element-ui/lib/theme-chalk/index.css";
// 错误提示框 从elementUI里面 按需导入  当成插件使用 Notification:通知 Message：消息 MessageBox：消息盒子 里面的confirm是确认框
// import { Notification, Message, MessageBox } from "element-ui"; // 是一个函数 但是使用这个韩式可以在页面上渲染出来组件
// 权限文件
import "./permisstion/index";

// DayJs
import * as dayjs from "dayjs";
import * as relativeTime from "dayjs/plugin/relativeTime"; // import plugin
import "dayjs/locale/zh-cn"; // import locale
// animate.css
import "animate.css";
import RichText from "./plugins/RichText/index";

dayjs.extend(relativeTime); // use plugin
dayjs.locale("zh-cn"); // use locale

// 富文本编辑器  npm install -S vue-quill-editor@3.0.6
// 这样就会有一个全局的 quill-editor组件 可供使用
// import VueQuillEditor from "vue-quill-editor";
// import "quill/dist/quill.core.css"; // import styles
Vue.use(RichText);
// import "quill/dist/quill.snow.css"; // for snow theme
// Vue.use(VueQuillEditor);

// vue使用 ElementUI 插件
Vue.use(ElementUI);

Vue.config.productionTip = false;

//把 axios  添加到 vue 的prototype上面
Vue.prototype.$http = http;
// 把api的index文件中导出的auth 方法 并挂载到vue的prototype 上面
Vue.prototype.$api = api;

// 在Vue 的实例上挂载 notify Message MessageBox  使用 提示功能的插件
// 完整引入 不用写
// Vue.prototype.$notify = ElementUI.Notification;
// Vue.prototype.$message = ElementUI.Message;
// Vue.prototype.$confirm = ElementUI.MessageBox.confirm;
// 挂载 dayjs
Vue.prototype.$dayjs = dayjs;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
